<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>卡牌</title>
        <script src="./main.js"></script>
        <link rel="stylesheet" href="./style.css">
    </head>

    <body>
        <div class="container">
            <div class="box" style="--i:-3">
                <div class="box-content"></div>
            </div>
            <div class="box" style="--i:-2">
                <div class="box-content"></div>
            </div>
            <div class="box" style="--i:-1">
                <div class="box-content"></div>
            </div>
            <div class="box" style="--i: 0">
                <div class="box-content"></div>
            </div>
            <div class="box" style="--i: 1">
                <div class="box-content"></div>
            </div>
            <div class="box" style="--i:2">
                <div class="box-content"></div>
            </div>
            <div class="box" style="--i:3">

            </div>

        </div>
    </body>

</html>